<template>
  <div>
    <h1>{{count}}</h1>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      count: 1,
    };
  },

// new Vue 之后，先初始化事件系统和生命周期系统，数据等都还没有放在实例上
  beforeCreate() {
    console.log(this);
    debugger;
  },

// 在created之前，拿到了data，并放在实例上，进行了数据代理和数据劫持的操作

// beforeCreate 和 created 中创建前和创建后的创建指的是：_data数据的创建和数据代理、数据劫持的创建
  created() {
    console.log(this);
    debugger
  },
};
</script>

<style>
</style>